<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>基金经理</title>
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" href="css/public.css" />
	<link rel="stylesheet" href="css/manager.css">
	<script src="/js/public.js"></script>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav jjs-header">
		<h2 class="mui-title">基金经理</h2>
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
		<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
	</header>
	<div class="mui-content manager">
		<div class="top">
			<div class="wrap">
				<img onerror="this.src='img/default.png'" src="img/01.jpg" class="avatar">
				<!--onerror是没有图片是时候显示默认的图片，有图片则显示src里面的图片-->
				<h2 class="name">胡那种</h2>
				<p class="position">（基金经理）</p>
				<p class="company">国金基金管理有限公司</p>
				<div class="mui-row wrap-list">
			        <div class="mui-col-sm-6 mui-col-xs-6">
			            <div class="mui-table-view-cell">
			            	<p>任职起始日期</p>
			            	<span>2013-02-25</span>
			            </div>
			        </div>
			        <div class="mui-col-sm-6 mui-col-xs-6">
			            <div class="mui-table-view-cell">
			                <p>累计任职时间</p>
			                <span>4年158天</span>
			            </div>
			        </div>
			        <div class="mui-col-sm-6 mui-col-xs-6">
			            <div class="mui-table-view-cell">
			                <p>资产规模</p>
			                <span>181.71亿元</span>
			            </div>
			        </div>
			        <div class="mui-col-sm-6 mui-col-xs-6">
			            <div class="mui-table-view-cell">
			                <p>最佳基金回报</p>
			                <span>218.20%</span>
			            </div>
			        </div>
			    </div>
			    <!--关注-->
			    <button type="button" class="attention-btn"><i></i><span>关注</span></button>
			</div>
		</div>
		<div class="wrapper">
			<div id="segmentedControl" class="mui-segmented-control">
				<a class="mui-control-item mui-active" href="#item1">当前管理基金</a>
				<a class="mui-control-item" href="#item2">历史管理基金</a>
			</div>
			<div>
				<div id="item1" class="mui-control-content mui-active">
					<div id="scroll" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div class="item-top">
								<table width="100%">
									<thead>
										<tr>
											<th>名称</th>
											<th>类型</th>
											<th>规模</th>
											<th>回报</th>
											<th>同类平均</th>
											<th>同类排行</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="mui-ellipsis">国企国鑫发起</td>
											<td class="mui-ellipsis">混合型</td>
											<td>5.05</td>
											<td>218.20%</td>
											<td>28.57%</td>
											<td><span>15</span>/298</td>
										</tr>
										<tr>
											<td class="mui-ellipsis">国企国鑫发起</td>
											<td class="mui-ellipsis">混合型</td>
											<td>5.05</td>
											<td>218.20%</td>
											<td>28.57%</td>
											<td><span>15</span>/298</td>
										</tr>
										<tr>
											<td class="mui-ellipsis">国企国鑫发起</td>
											<td class="mui-ellipsis">混合型</td>
											<td>5.05</td>
											<td>218.20%</td>
											<td>28.57%</td>
											<td><span>15</span>/298</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
				<div id="item2" class="mui-control-content">
					<div class="item-top">
						<table width="100%">
							<thead>
								<tr>
									<th>名称</th>
									<th>类型</th>
									<th>规模</th>
									<th>回报</th>
									<th>同类平均</th>
									<th>同类排行</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="mui-ellipsis">国企国鑫发起</td>
									<td class="mui-ellipsis">混合型</td>
									<td>5.05</td>
									<td>218.20%</td>
									<td>28.57%</td>
									<td><span>151</span>/298</td>
								</tr>
								<tr>
									<td class="mui-ellipsis">国企国鑫发起</td>
									<td class="mui-ellipsis">混合型</td>
									<td>5.05</td>
									<td>218.20%</td>
									<td>28.57%</td>
									<td><span>151</span>/298</td>
								</tr>
								<tr>
									<td class="mui-ellipsis">国企国鑫发起</td>
									<td class="mui-ellipsis">混合型</td>
									<td>5.05</td>
									<td>218.20%</td>
									<td>28.57%</td>
									<td><span>151</span>/298</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script>
		$(function(){
			$(".attention-btn").on("click",function(){
				var text = $(this).find('span').text()
				if(text =='关注' ){
					$(this).find('span').text("已关注")
					$(this).find('i').css({'background':'url(img/qg.png)',"backgroundSize":'cover'})
				}else{
					$(this).find('span').text("关注")
					$(this).find('i').css({'background':'url(img/gz.png)',"backgroundSize":'cover'})
				}
				
			})
		})
	</script>
</body>
</html>